<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 页面头部 -->
    <header>
        <h1>健康生活博客</h1>
        <p>分享健康饮食、运动与心理健康的实用知识</p>
    </header>
    
    <!-- 导航栏 -->
    <nav>
        <ul>
            <li><a href="#home">首页</a></li>
            <li><a href="#nutrition">营养知识</a></li>
            <li><a href="#exercise">健身指南</a></li>
            <li><a href="#mindfulness">正念冥想</a></li>
            <li><a href="#recipes">健康食谱</a></li>
            <li><a href="#about">关于我们</a></li>
        </ul>
    </nav>
    
    <!-- 主要内容区域 -->
    <main>
        <!-- 文章内容 -->
        <article>
            <header>
                <h2>地中海饮食：长寿与健康的秘诀</h2>
                <p>发布日期: <time datetime="2023-10-15">2023年10月15日</time> | 作者: 张健康</p>
            </header>
            
            <section>
                <h3>什么是地中海饮食？</h3>
                <p>地中海饮食是一种基于地中海沿岸国家传统饮食习惯的饮食模式。它强调摄入大量的<mark>水果、蔬菜、全谷物、豆类、坚果和橄榄油</mark>，适量的鱼类和家禽，以及少量的红肉和甜食。</p>
                
                <figure>
                    <img src="https://images.unsplash.com/photo-1490818387583-1baba5e638af?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="地中海饮食典型食物">
                    <figcaption>图1: 地中海饮食的典型食物 - 富含蔬菜、水果和健康脂肪</figcaption>
                </figure>
            </section>
            
            <section>
                <h3>地中海饮食的健康益处</h3>
                <p>研究表明，遵循地中海饮食可以带来多种健康益处：</p>
                <ul>
                    <li>降低心脏病和中风的风险</li>
                    <li>有助于维持健康体重</li>
                    <li>可能降低患2型糖尿病的风险</li>
                    <li>与降低某些癌症风险相关</li>
                    <li>可能有助于保护大脑健康，降低阿尔茨海默病风险</li>
                </ul>
            </section>
            
            <section>
                <h3>如何实践地中海饮食</h3>
                <p>要开始实践地中海饮食，您可以尝试以下方法：</p>
                <ol>
                    <li>以植物性食物为主，每天摄入大量蔬菜和水果</li>
                    <li>使用橄榄油作为主要脂肪来源</li>
                    <li>每周至少吃两次鱼或海鲜</li>
                    <li>适量食用乳制品（主要是奶酪和酸奶）</li>
                    <li>限制红肉和加工食品的摄入</li>
                    <li>享受餐时与家人朋友共度的时光</li>
                </ol>
                
                <figure>
                    <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="地中海风格餐桌">
                    <figcaption>图2: 地中海风格的餐桌 - 注重色彩丰富和食材多样性</figcaption>
                </figure>
            </section>
            
            <footer>
                <p>文章标签: <mark>健康饮食</mark>, <mark>地中海饮食</mark>, <mark>营养学</mark>, <mark>长寿</mark></p>
                <p>阅读量: 1,254次 | 评论: 23条</p>
            </footer>
        </article>
        
        <!-- 侧边栏 -->
        <aside>
            <h3>关于作者</h3>
            <p>张健康是一名注册营养师，拥有10年临床营养经验，专注于饮食与慢性病预防。</p>
            
            <h3>热门文章</h3>
            <ul>
                <li><a href="#">10种超级食物及其益处</a></li>
                <li><a href="#">居家健身：无需器械的有效训练</a></li>
                <li><a href="#">正念冥想入门指南</a></li>
                <li><a href="#">季节性饮食：秋季养生食谱</a></li>
            </ul>
            
            <h3>订阅更新</h3>
            <p>输入您的电子邮件，获取最新健康资讯：</p>
            <form>
                <input type="email" placeholder="您的电子邮件" style="width: 100%; padding: 8px; margin: 10px 0;">
                <button type="submit" style="width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 3px;">订阅</button>
            </form>
        </aside>
    </main>
    
    <!-- 页面底部 -->
    <footer>
        <p>© 2025 健康生活博客. 保留所有权利.</p>
        <address>
            联系我们: 
<a href="mailto:contact@healthblog.com">contact@healthblog.com</a>
 | 
        </address>
        <p>免责声明: 本网站内容仅供参考，不能替代专业医疗建议。</p>
    </footer>
</body>
</html>